### Transition Properties

If you'd like to customize your values for transition properties, use the `theme.transitionProperties` section of your theme.

```diffjs
  // theme.js

  export const theme = {
    transitionProperties: {
      // ...
      colors: ['background-color', 'border-color', 'color', 'fill', 'stroke'],
      opacity: ['opacity'],
      shadow: ['box-shadow'],
      transform: ['transform'],
+     dialogs: ['box-shadow', 'transform'],
    },
  }
```

If you don't want to customize it, a set of `transitionProperties` is already defined in default theme:

```js
const defaultTheme = {
  // ...
  transitionProperties: {
    default: [
      'background-color',
      'border-color',
      'color',
      'fill',
      'stroke',
      'opacity',
      'box-shadow',
      'transform',
    ],
    colors: ['background-color', 'border-color', 'color', 'fill', 'stroke'],
    opacity: ['opacity'],
    shadow: ['box-shadow'],
    transform: ['transform'],
  },
}
```
